<template>
	<text :class="[prefix, `${prefix}-${name}`]" :style="{ 'font-size': size, color: color }"></text>
</template>

<script>
export default {
	name: 'hz-icon',
	props: {
		// 图标类名
		name: {
			type: String,
			default: ''
		},
		// 图标颜色
		color: {
			type: String,
			default: '#333'
		},
		// 字体大小，单位rpx或px
		size: {
			type: String,
			default: '16px'
		},
		// 图标前缀
		prefix: {
			type: String,
			default: 'hz-icon'
		}
	}
};
</script>
